<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8"></meta>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
  <title>智慧物联平台</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"></meta>
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="/webjars/adminlte/2.3.11/bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="/webjars/font-awesome/4.7.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="/webjars/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="/webjars/adminlte/2.3.11/dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="/webjars/adminlte/2.3.11/dist/css/skins/_all-skins.min.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="/webjars/adminlte/2.3.11/plugins/iCheck/flat/blue.css">
  <!-- Morris chart -->
  <link rel="stylesheet" href="/webjars/adminlte/2.3.11/plugins/morris/morris.css">
  <!-- jvectormap -->
  <link rel="stylesheet" href="/webjars/adminlte/2.3.11/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="/webjars/adminlte/2.3.11/plugins/daterangepicker/daterangepicker.css">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="/webjars/adminlte/2.3.11/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
  
	<link rel="stylesheet" href="/webjars/bootstrapvalidator/0.5.3/css/bootstrapValidator.css">
	<link rel="stylesheet" href="/webjars/bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css">
	<link rel="stylesheet" href="/webjars/adminlte/2.3.11/plugins/datepicker/datepicker3.css">
	<link rel="stylesheet" href="/public/css/style.css" />
	<link rel="stylesheet" href="/theme/black/skin.css" />
	<!-- page分页 -->
	<link rel="stylesheet" href="/public/page/css/pager.css" />

  <!-- jQuery 2.2.3 -->
<script src="/webjars/adminlte/2.3.11/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<!-- <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> -->
<script src="/webjars/adminlte/2.3.11/plugins/jQueryUI/jquery-ui.min.js"></script>

<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.6 -->
<script src="/webjars/adminlte/2.3.11/bootstrap/js/bootstrap.min.js"></script>
<!-- Morris.js charts -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> -->
<script src="/webjars/raphael/2.2.7/raphael.min.js"></script>

<script src="/webjars/adminlte/2.3.11/plugins/morris/morris.min.js"></script>

<!-- Sparkline -->
<script src="/webjars/adminlte/2.3.11/plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="/webjars/adminlte/2.3.11/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="/webjars/adminlte/2.3.11/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="/webjars/adminlte/2.3.11/plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script> -->
<script src="/webjars/moment/2.20.1/min/moment.min.js"></script>
<script src="/public/moment-range/moment-range.js"></script>

<script src="/webjars/adminlte/2.3.11/plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="/webjars/adminlte/2.3.11/plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="/webjars/adminlte/2.3.11/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="/webjars/adminlte/2.3.11/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="/webjars/adminlte/2.3.11/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="/webjars/adminlte/2.3.11/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="/webjars/adminlte/2.3.11/dist/js/app.min.js"></script>		
<!-- AdminLTE for demo purposes -->
<script src="/webjars/adminlte/2.3.11/dist/js/demo.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=fzF3kjX9LIMBcwWFVCmkwhvy0aGuIKsX"></script>
<!-- <script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script> -->
<script src="/map/js/TextIconOverlay_min.js"></script>
<script src="/map/js/MarkerClusterer.js"></script>
<script src="/map/js/Heatmap_min.js"></script>

	
<script src="/system/header.js"></script>
<script src="/streetLamp/streetLamp.js"></script>
<script src="/manholeCover/manholeCover.js"></script>
<script src="/trash/trash.js"></script>
<script src="/humiture/humiture.js"></script>
<!-- 普通加载地图数据 -->     
<script type="text/javascript" src="/map/js/map.js"></script>
<script type="text/javascript" src="/map/js/LayoutIni.js"></script> 
<!--  点聚合方式加载数据 -->
<!--  <script type="text/javascript" src="/map/js/mapPolymerization.js"></script>
<script type="text/javascript" src="/map/js/LayoutIniPolymerization.js"></script> -->

<script type="text/javascript" src="/alarm/js/palyer.js"></script>


<script src="/system/sidebarSystem.js"></script>
<script src="/webjars/jplayer/2.9.2/dist/jplayer/jquery.jplayer.js"></script>
<script src="/public/js/datatools.js"></script>
<!-- ECharts图标 -->
<script src="/ECharts/echarts.min.js"></script>
<script src="/system/historyNews.js"></script>
<!-- 烟感数据图表 -->
<!-- <script src="/system/statisticsAlarm.js"></script> -->

<!-- <script src="/humiture/humitureHistoryNews.js"></script> -->
<script src="/public/js/bootbox.min.js"></script>
<script src="/public/js/common-custom.js"></script>
	<!-- page分页 -->
<script src="/public/page/js/pager.js"></script>
<!-- <script src="/camera/js/cn.tee3.avd-2.5.0.0.min.js?20160415021957"></script> -->
<!-- 摄像头接入 -->
<!-- <script src="/camera/js/cn.tee3.avd-2.5.0.0.min.js"></script>
<script src="/camera/js/outgoing.js"></script> -->

<!-- <script type="text/javascript" src="/camera/js/cn.tee3.avd-2.5.0.0.min.js?20160415021957"></script> -->

  <th:block layout:fragment="head-include">
  	
  </th:block>
</head>

<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
	<!-- Header -->
	<div th:replace="main/header :: header">
	    <div >
	
	    </div>
	</div>
	
		<!-- 路灯 -->
<!--<div th:replace="streetLamp/streetLampHeader :: streetLampHeader">
	    <div >
	
	    </div>
	</div>
	 -->
	<div th:replace="main/sidebar::sidebar">
	 
	</div>
	
	<div class="content-wrapper" style="position: relative;">
		<div  class="mapDiv">
			 <div id="allmap"></div>
		</div>		
	</div>
	
	
	<div th:replace="main/controlDevice::controlDevice">
	 
	</div>
	

</div>
<!-- 右侧历史信息 -->
	  <!-- 权限 收费 大数据     有其他设备的历史数据-->
	  <div sec:authorize="hasAuthority('bigData')">
  	  	<div th:replace="main/historyNews::historyNews">
  	  	
  	  	</div>
	  </div>
	  <!-- 没有其他设备的历史数据 -->
<!-- 	  <idv th:replace="main/historyNews::historyNews">
	 	  <div th:replace="main/chargeData::chargeData">
				
		  </div>
	  </idv> -->
	  <!-- 权限 免费 大数据 -->
	  <div sec:authorize="hasAuthority('smallData')">
           <div th:replace="main/freeData::freeData">
			
		   </div>
	  </div>
		   
		   
<!-- 	  <div th:replace="main/smokeHistoryNews::smokeHistoryNews">
			
	  </div> -->
	  
	  
	  <!--温湿度 右侧历史信息 -->
	 <!--  <div th:replace="humiture/humitureHistoryNews::humitureHistoryNews">
			
	  </div> -->
	  
<!-- 烟感 ——历史报警搜索模态框 -->
	  <div th:replace="main/historySearch::historySearch">
			
	  </div>
<!-- 井盖 ——历史报警搜索模态框 -->
	  <div th:replace="manholeCover/coverHistorySearch::coverHistorySearch">
			
	  </div>
	  
	  <!-- 温湿度 ——历史报警搜索模态框 -->
	  <div th:replace="humiture/humitureHistorySearch::humitureHistorySearch">
			
	  </div>

 	  <div th:replace="camera/cameraVideo::cameraVideo">
			
	  </div> 
</div>
  <div th:replace="map/alarm-pop-div::alarm-pop-div">
		
  </div> 
  <div th:replace="manholeCover/manholeCoverAlarm::manholeCoverAlarm">
		
  </div>  
  <div th:replace="humiture/humitureAlarm::humitureAlarm">
		
  </div>  
<!-- <div th:replace="main/footer :: footer">&copy; 2016 blog.codeleak.pl</div> -->

<!-- </div> -->
<script type="text/javascript">

	$(function(){
		// 初始化地图及websocket
		layoutIni();
		// 点聚合的方式 -- 初始化地图及websocket
		//	polymerizationLayoutIni();
		
		//初始化声音
		initPlaySound();
		//获取设备数量
		//getDeviceSum();
		/* 显示火警报警条数  */
		//getAlarmNum();
		/* 显示故障信息条数 */
		//getFaultNum();
		/* 低电信息条数 */
		//getLowPowerNum();
		/* 报警信息下拉框 */
		//alarmFaultLow();
		//页面初始化渲染未处理数据，报警弹出框  
		alertWarningInit();

		
		//井盖——渲染井盖报警未处理的数据
		manholeCoverWarningInit();
		//温湿度——渲染井盖报警未处理的数据
		humitureWarningInit();
		//如果设备切换按钮有数字则显示，否则隐藏
		smokeTipAlarmFunc();
		coverTipAlarmFunc();
		humitureTipAlarmFunc();
		//隐藏报警提示窗口
		//hideWarning();
/* 		setTimeout(function (){
			var devToggleInit;
		    $.ajax({
		        url: "/deviceStatus/count/bydevicetype/001/byuser",
		        type: "GET",
		        async: false,
		        success: function (result) {
		            if (result.status == "200") {
		            	if(result.data==0){
		            		devToggleInit="lamp";
		            	}
		            } else {
		            	
		            }
		        }

		    });
	        if(devToggleInit=="lamp"){
				hideDevFunc();
	            //获取灯开启和关闭的数量
	            devType = "streetLamp";
	            devTypeId = "004";
	            devHeader = "streetLampHeader";
	            //devStatus = "streetLampStatus";
	            $(".bottombar").attr("devType", "streetLamp");
	            //显示路灯设备
	            $(".streetLampHeader").show();
	            renderStreetLamp();
	            //渲染灯的数量
	            getLampSwitchNum();
	            lampBtnSumFunc();
	            searchFunc(devHeader);
				$("#streetLampBtn").addClass("selected").siblings().removeClass("selected");
	        }
		},0); */


	})
</script>
</body>
</html>